﻿@charset"utf-8";
 
/* 
    ProjectName：
    Developer：佛哥
    Data:2017-7-5
 */
 body {
    background: #edf0f4;
}
body.edit {
    background: #edf0f4 url(../images/grid.png) repeat;
    background-size: 7px 7px;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.header {
    width: 100%;
    height: 50px;
    background-color: #212528;
    position: fixed;
    z-index: 2;
    color: #fff;
}
.logo {
    padding-left: 15px;
    padding-top: 8px;
}
.logo img {
    height: 35px;
    vertical-align: middle;
}
.logo span {
    padding-left: 20px;
    vertical-align: middle;
    color: #ccc;
}
.logo i {
    font-size: 15px;
    vertical-align: middle;
}
.icon-back:before {
    display: none;
}
.icon-banben {
    color: #ccc;
}
.leftbar {
    background: #373D41;
    width: 145px;
    position: fixed;
    top: 50px;
    height: calc(100vh - 50px);
}
.leftbar li {
    display: block;
    height: 40px;
    color: #fff;
    line-height: 40px;
    bottom: 0;
    width: 100%;
    border: none;
    position: relative;
    list-style: none;
    cursor: pointer;
}
.leftbar li a {
    color: #fff;
}
.leftbar li i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 15px;
    margin-left: 12px;
}
.leftbar li:hover {
    background: #4D5459;
}
.leftbar li.active {
    background: #00C1DE;
    color: #333;
}
.top-alert {
    padding: 6px 0;
    font-size: 12px;
    background: #FFF;
    color: #999;
    position: fixed;
    width: 100%;
    margin: 0;
    top: 50px;
    z-index: 1;
    margin-left: 145px;
}
.top-alert strong {
    color: #333;
    padding: 0 3px 0 10px;
    float: left;
}
.top-alert .alert-text {
    width: calc(85%);
    padding-right: 20px;
}
/*列表页*/
 .content {
    margin-left: 175px;
    padding-top: 80px;
}
.content h3 {
    line-height: 49px;
    font-size: 16px;
    color: #666;
}
.content h3 span {
    font-size: 12px;
    vertical-align: bottom;
}
.content h3 i {
    color: #00c1de;
}
.addbtn {
    width: 200px;
    height: 230px;
    border: 1px dashed #b2c1d5;
    background: #fff;
    color: #a4b7d0;
    text-align: center;
    box-sizing: border-box;
    padding-top: 50px;
    cursor: pointer;
    margin: 0 26px 20px 0px;
}
.addbtn i {
    display: block;
    font-size: 80px;
}
.addbtn span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}
.screenbox {
    width: 200px;
    height: 230px;
    background: #fff;
    margin: 0 26px 20px 0px;
}
.screenbox .screenTop {
    height: 150px;
    background: #0f2a42;
    line-height: 150px;
    text-align: center;
    position: relative;
}
.screenbox .screenTop img {
    width: 100%;
    vertical-align: middle;
    max-height: 150px;
}
.screenbox .screenTop .editbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    transition: all .3s;
}
.screenbox .screenTop .editbox i {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 35px;
    cursor: pointer;
}
.screenbox .screenTop .editbox a {
}
.screenbox .screenText {
    margin: 0 9px;
    color: #666;
    line-height: 40px;
    border-bottom: 1px solid #e8ecf2;
}
.screenbox .screenText i {
    color: #b9c6d8;
    font-size: 13px;
    margin-right: 5px;
}
.screenbox .screenBottom {
    text-align: center;
    color: #7f93ae;
}
.screenbox .screenBottom li {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-right: 20px;
    cursor: pointer;
}
.screenbox .screenBottom li:nth-last-child(1) {
    margin-right: 0;
}
.screenbox .screenBottom li i {
    font-size: 14px;
    margin-right: 4px;
}
.screenbox:hover .screenTop .editbox {
    display: block;
}
.screenbox .screenText:hover, .screenbox .screenText:hover i {
    color: #00c1de;
}
.screenbox .screenBottom li:hover {
    color: #00c1de;
}
/*编辑页*/
 .go-back {
    width: 32px;
    height: 32px;
    background: url(../images/ico_back.jpg) no-repeat;
    display: inline-block;
    margin-top: 12px;
    vertical-align: middle;
}
.titleName {
    font-size: 20px;
    display: inline-block;
    vertical-align: bottom;
}
.rightNav {
    float: right;
}
.rightNav li {
    float: left;
    text-align: center;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    padding-top: 3px;
}
.rightNav li a {
    display: block;
    height: 50px;
    box-sizing: border-box;
    padding-top: 4px;
}
.rightNav li i {
    display: block;
    color: #00c1de;
    font-size: 22px;
}
.rightNav li span {
    display: block;
    color: #fff;
    font-weight: bold;
    margin-top: 0px;
}
.rightNav li:hover {
    background: #373d41;
}
.leftNavbar {
    background: #393d49;
    width: 250px;
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.accordion {
    width: 100%;
    max-width: 250px;
    margin: 0px auto 20px;
    background: #FFF;
}
.accordion .link {
    cursor: pointer;
    display: block;
    padding: 11px 15px 11px 42px;
    color: #F2F2F2;
    font-size: 14px;
    border-bottom: 1px solid #16222b;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #393d49;
}
.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li i {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align: middle;
}
.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}
.accordion li.open .link {
    color: #fff;
    background: #009688;
}
.accordion li.open i {
    color: #ffffff;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/**
 * Submenu
 -----------------------------*/
 .submenu {
    display: none;
    background: #dff3f8;
    font-size: 14px;
    padding: 5px 0 10px 0;
    height: calc(100vh - 260px);
    ;
    overflow: auto;
}
.submenu li {
    width: 120px;
    padding: 3px;
    float: left;
    font-size: 12px;
    text-align: center;
    transition: all 0.25s ease;
    overflow: hidden;
}
.submenu li a {
}
.submenu li span {
    margin-top: 3px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.submenu li img {
    width: 100%;
}
.submenu li:hover {
    background: #00c1de;
    color: #FFF;
}
/* pageset */
 .pageSetbox {
    position: fixed;
    top: 50px;
    bottom: 0;
    right: 0;
    background: #f7f8fa;
    width: 360px;
    box-sizing: border-box;
    border-left: 1px solid #dcdee3;
    z-index: 2;
}
.setTitle {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdee3;
    box-sizing: border-box;
    background: #fff;
    font-size: 16px;
    text-align: center;
}
.setmin {
    margin-left: 34px;
    border-bottom: 1px solid #dcdee3;
    min-height: 41px;
    box-sizing: border-box;
    padding: 5px;
}
.setmin:nth-last-child(1) {
    border-bottom: none;
}
.setmin .setLeft {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-indent: 3px;
    float: left;
    width: 90px;
}
.setmin .setRight {
    float: left;
    width: 220px;
}
.setmin .number {
    width: 105px;
    text-align: center;
}
.setmin .number input {
    width: 100%;
    width: 105px;
    height: 30px;
    text-align: center;
    border: 1px solid #c4c6cf;
}
.setmin .number p {
    margin-top: 5px;
}
.setmin select {
    width: 100%;
}
.bgbox {
    height: 98px;
    border: 1px dashed #c4c6cf;
    background: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
}
.bgbox img {
    width: 44px;
    height: 44px;
    margin: 15px auto 10px;
    display: block;
    background: #000;
}
.bgbox input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 98px;
    opacity: 0;
}
.setRight {
}
.setRight li {
    height: 35px;
    line-height: 35px;
}
.setRight li label {
    font-weight: normal;
}
.setRight li span {
    vertical-align: middle;
}
.setRight li input {
    position: relative;
    top: 2px;
}
/* 我的数据 */
 .table-list {
}
.table-list table {
    border: 1px solid #e1e6eb;
    background: #fff;
    width: 100%;
    font-size: 12px;
}
.table-list table th {
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e6eb;
    color: #999;
}
.table-list table th:nth-child(1) {
    text-indent: 2em;
}
.table-list table td {
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e6eb;
    border-top: 1px solid #e1e6eb;
    color: #999;
}
.table-list table tr td:nth-child(1) {
    color: #333;
    vertical-align: middle;
    text-indent: 2em;
}
.table-list table tr td:nth-child(1) i {
    color: #00c1de;
}
.table-list table tr:hover td {
    border-bottom: 1px solid #00c1de;
    border-top: 1px solid #00c1de;
    background: #f8fbfc;
    position: relative;
}
.table-list table tr:hover td:before {
    content:'';
    display: inline-block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    border-top: 1px solid #00c1de;
}
.table-list table tr:hover td:nth-child(1) {
    border-left: 1px solid #00c1de;
}
.table-list table tr:hover td:nth-last-child(1) {
    border-right: 1px solid #00c1de;
}
.newdataList {
}
.newdataList table {
}
.newdataList table td {
    height: 40px;
}
.newdataList table td.td1 {
    width: 95px;
    text-align: right;
    padding-right: 8px;
}
.newdataList table td.td2 {
    width: 300px;
}
.newdataList table select {
}
.newdataList table input.form-control {
    width: 300px;
}
.newdataList p {
    color: #999;
    margin-left: 95px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.5;
}
/* 底部滑块*/
 .controlPanel {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 35px;
    text-align: center;
    transition: all .3s;
    border-top: 1px solid #dcdee3;
    z-index: 1;
    padding-right: 360px;
    box-sizing: border-box;
}
.controlPanel input {
    width: 500px;
}
.controlPanel .slider-wrapper {
    width: 250px;
    float: right;
    margin-right: 50px;
    margin-top: 15px;
}
/* 工作区 */
 .workbox {
    position: fixed;
    top: 60px;
    bottom: 0;
    z-index: 1;
    box-sizing: border-box;
    border: 0px solid transparent;
}
.icon_slide {
    position: absolute;
    top: 0px;
    width: 14px;
    height: 40px;
    border: 1px solid #d3dadc;
    z-index: 99;
    cursor: pointer;
}
.leftNavbar .icon_slide {
    right: -14px;
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #eaf2f4 url(../images/slide-left.png) no-repeat center;
    background-size: 10px auto;
}
.leftNavbar .icon_slide.on {
    background: #eaf2f4 url(../images/slide-right.png) no-repeat center;
    background-size: 10px auto;
}
.pageSetbox .icon_slide {
    left: -14px;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #eaf2f4 url(../images/slide-right.png) no-repeat center;
    background-size: 10px auto;
}
.pageSetbox .icon_slide.on {
    background: #eaf2f4 url(../images/slide-left.png) no-repeat center;
    background-size: 10px auto;
}
/*新中间部分*/
 .workbox {
    position: fixed;
    top: 50px;
    bottom: 35px;
    left: 250px;
    right: 360px;
    background: rgba(0, 0, 0, 0.3);
    overflow: auto;
}
.workCenter {
    width: 1980px;
    height: 1140px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border: 30px solid rgba(0, 0, 0, 0.1);
}
.workCenter1 {
    width: 1920px;
    height: 1080px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border: 0px solid rgba(0, 0, 0, 0.3);
    background: #eaf2f4 url(../../img/backimg/backimg1.png) no-repeat center;
}
/* 图形模板 */
 .rightbarTop {
}
.rightbarTop span {
    float: left;
    height: 40px;
    width: 50%;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #dcdee3;
}
.rightbarTop span.active {
    background: #00c1de;
    color: #fff;
}
.rightbarTop h2 {
    height: 51px;
    line-height: 51px;
    clear: both;
    border-bottom: 1px solid #dcdee3;
    font-size: 16px;
    padding-left: 14px;
}
.rightbarTop h2 i {
    font-size: 12px;
}
.t-slideTitle {
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    background: #fff;
    font-size: 14px;
    padding-left: 15px;
}
.cesium-viewer .cesium-widget-credits {
    display: none;
}
.dragresize-content {
    border-style: solid;
    border-width: 0px;
    background: none;
    overflow: hidden;
}
.dragresize-content1 {
    border-style: solid;
    border-width: 32px 37px;
    border-image-source: url(https://datav.oss-cn-hangzhou.aliyuncs.com/uploads/images/a7c93134c5e1440c58b1a7a3b675009b.png);
    border-image-slice: 32 37 fill;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: none;
    overflow: hidden;
}
.dragresize-content2 {
    border-style: solid;
    border-width: 14px 100px;
    border-image-source: url(https://datav.oss-cn-hangzhou.aliyuncs.com/uploads/images/d92a1a8c99a933c0e9ca54865242fcc8.png);
    border-image-slice: 14 100;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: none;
    overflow: hidden;
}
.mk-scrollList {
    color: #44d3e4;
    box-sizing: border-box;
}
.mk-scrollList .mk-scroll-title {
    font-size: 0;
    height: 50px;
    line-height: 50px;
    background: #134458;
}
.mk-scrollList .mk-scroll-title span {
    display: inline-block;
    font-size: 15px;
    text-align: center;
}
.mk-scroll-content {
    height: calc(100vh - 50px);
    overflow: hidden;
}
.mk-scroll-content ul {
}
.mk-scroll-content ul li {
    font-size: 0px;
    height: 40.9px;
    line-height: 40.9px;
}
.mk-scroll-content ul li a {
    color: #44d3e4;
    text-decoration: none;
}
.mk-scroll-content ul li:hover {
    background: rgba(19, 68, 88, 0.6);
}
.mk-scroll-content ul li span {
    display: inline-block;
    font-size: 13px;
    text-align: center;
}
.mk-scroll-content ul li span:nth-child(1) i {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-style: normal;
    font-family:'微软雅黑';
    line-height: 25px;
    text-align: center;
    background: #44d3e4;
    color: #fff;
    border-radius: 50%;
}

.barcontent {
    height: calc(100vh - 50px);
    overflow: hidden;
}
.barcontent ul {
}
.barcontent ul li {
    font-size: 0px;
    height: 280px;
    line-height: 270px;
}

.w5 {
    width: 5%;
}
.w10 {
    width: 10%;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w25 {
    width: 25%;
}
.w30 {
    width: 30%;
}
.w35 {
    width: 35%;
}
.w40 {
    width: 40%;
}
.w45 {
    width: 45%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100%;
}
/* 滚动条 */
 ::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #4e4e5a;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    height: 50px;
    background: #3fb560;
    cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
    background: #3fb560;
    cursor: pointer;
}
.mk-title {
    font-size: 24px;
    font-family:'Microsoft YaHei';
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
/* 数字翻盘器 */
 .mk-number {
    font-family:'Microsoft YaHei';
    line-height: 1.2;
    color: #fff;
    text-align: left;
    padding-left: 10px;
}
.number-title {
    font-size: 30px;
    white-space: nowrap;
}
.nuber-text {
    font-style: 30px;
    color: #fff;
    white-space: nowrap;
}
.nuber-text span {
    color: #00bffd;
    font-size: 60px;
    margin-right: 15px;
}
/*跑马灯*/
 .mk-marquee {
    font-size: 28px;
    font-family:'Microsoft YaHei';
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding: 20px 0 0;
}
/*多行文本*/
 .mk-mtext {
    padding-top: 20px;
    font-size: 14px;
    font-family:'Microsoft YaHei';
    line-height: 1.5;
    color: #fff;
    text-align: left;
    text-align: justify;
}
.mk-mtext p {
    text-indent: 2em;
}
/*多行表格*/
 .mk-table {
    color: #44d3e4;
    box-sizing: border-box;
}
.mk-table .table-title {
    font-size: 0;
    height: 50px;
    line-height: 50px;
    background: #134458;
    padding-right: 17px;
}
.mk-table .table-title span {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    color: #44d3e4;
    border-bottom: 1px solid #44d3e4;
    border-right: 1px solid #44d3e4;
    box-sizing: border-box;
}
.mk-table .table-content {
    height: calc(100vh - 50px);
    overflow: auto;
}
.mk-table .table-content ul {
}
.mk-table .table-content ul li {
    font-size: 0px;
    height: 42px;
    line-height: 42px;
}
.mk-table .table-content ul li a {
    color: #44d3e4;
    text-decoration: none;
}
.mk-table .table-content ul li:hover {
    background: rgba(19, 68, 88, 0.6);
}
.mk-table .table-content ul li span {
    display: inline-block;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #44d3e4;
    border-right: 1px solid #44d3e4;
    box-sizing: border-box;
}
.mk-table .table-content ul li span:nth-last-child(1) i {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-style: normal;
    font-family:'微软雅黑';
    line-height: 25px;
    text-align: center;
    background: #44d3e4;
    color: #fff;
    border-radius: 50%;
    border-right: 0;
}
/* 状态卡片 */
 .mk-stateCard {
    padding-top: 20px;
}
.mk-stateCard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mk-stateCard ul li {
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
}
.mk-stateCard ul i {
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 50%;
}
.mk-stateCard ul span {
    vertical-align: middle;
    display: inline-block;
}
/* 文字标签  */
 .mk-textLabel {
    padding-top: 10px;
    max-width: 460px;
}
.mk-textLabel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.mk-textLabel ul li {
    width: 115px;
    padding: 0 10px;
    margin: 1px;
    height: 35px;
    font-size: 16px;
    color: #083756;
    display: inline-block;
    line-height: 35px;
    border-radius: 3px;
    background: #57d2fe;
    text-align: center;
    cursor: pointer;
    transition: .3s all;
}
.mk-textLabel ul li:hover {
    background: #fff600;
    color: #4d3a02;
}
/* 自定义背景块 */
 .customBg {
    background: red;
    width: 100%;
    height: 100vh;
    background: RGBA(23, 107, 228, 0.5);
}
/* 边框组件 */
 .boxBorder {
    width: 96%;
    margin: 0 auto;
    min-height: 312px;
    border-style: solid;
    border-width: 71px 23px;
    border-image-source: url(https://img.alicdn.com/tps/TB1DjqJMpXXXXclXXXXXXXXXXXX-126-154.png);
    border-image-slice: 71 23;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: none;
}
/* 框架 */
 .iframebox {
    width: 100%;
    height: 100%;
    min-height: 200px;
}
.iframebox iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* 单张图片 */
 .singlepic {
    width: 100%;
    height: 100%;
    min-height: 200px;
    background-size: 100% 100%;
}
/* 词云 */
 #tagscloud {
    width: 250px;
    height: 260px;
    position: relative;
    font-size: 12px;
    color: #333;
    margin: 20px auto 0;
    text-align: center;
}
#tagscloud a {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #333;
    font-family: Arial;
    text-decoration: none;
    margin: 0 10px 15px 0;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    padding: 1px 5px;
    display: inline-block;
    border-radius: 3px;
}
#tagscloud a.tagc1 {
    background: #666;
    color: #fff;
}
#tagscloud a.tagc2 {
    background: #F16E50;
    color: #fff;
}
#tagscloud a.tagc5 {
    background: #006633;
    color: #fff;
}
#tagscloud a:hover {
    color: #fff;
    background: #0099ff;
}
/* 时间 */
 #timebox {
    height: 36px;
    line-height: 36px;
    background: url(../images/time.png) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 26px;
    color: #fff;
}
.pane {
    position: absolute;
    width: 199px;
    height: 99px;
    top: 100px;
    left: 100px;
    margin: 0;
    padding: 0;
    z-index: 99;
    border: 1px solid purple;
    background: #fefefe;
}
/* 焦点图 */
 .swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    position: relative;
}
.swiper-slide img {
    width: 100%;
}
.swiper-slide span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 25px;
    color: #333;
    background: rgba(255, 255, 255, 0.6);
    text-indent: 1em;
    font-size: 13px;
}
/* 选项卡 */
 .tabBox {
}
.tabBox ul {
    height: 36px;
    background: rgba(255, 255, 255, 0.298039);
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabBox ul li {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    width: 25%;
    float: left;
    cursor: pointer;
    font-size: 13px;
}
.tabBox ul li:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
}
.tabBox ul li.on {
    color: rgb(13, 230, 193);
}
/* gif装饰 */
 .gifbox {
    text-align: center;
}
.gifbox img {
    width: 95%;
    vertical-align: middle;
}
/* chartsbox */
 .mk-chartbox {
    /*max-width: 270px;*/
    min-height: 360px;
    border-radius: 0px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/echartsbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    box-sizing: border-box;
    padding-top: 18px;
    font-family:'微软雅黑';
    position: relative;
}
.mk-chartbox .chartsTitle {
    position: relative;
}
.mk-chartbox .chartsTitle .title_main {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    font-weight: normal;
    padding-left: 0px;
}
.mk-chartbox .chartsTitle .title_sup {
    line-height: 21px;
    font-size: 13px;
    padding-left: 0px;
    color: #24a2ca;
}
.mk-chartbox .chartsTitle .num {
    font-size: 35px;
    padding-left: 32px;
    background: url(../images/xieLine.png) no-repeat center left;
    color: #2fe2ff;
    position: absolute;
    top: 0px;
    right: 5px;
    background-size: 20px 34px;
}
.mk-chartbox .chartsCont {
    position:relative;
}
.mk-chartbox .chartsBottom {
    position: absolute;
    bottom: 13px;
    left: 9px;
    right: 9px;
}
.mk-chartbox .chartsBottom .bottomTxt {
    background: rgba(11, 35, 76, 0.5);
    width: 48%;
    float: left;
    min-height: 80px;
}
.mk-chartbox .chartsBottom .bottomTxt:nth-child(2) {
    float: right;
}
.mk-chartbox .chartsBottom .bottomTxt p {
    color: #24a2ca;
    font-size: 14px;
    line-height: 36px;
    padding-left: 14px;
}
.mk-chartbox .chartsBottom .bottomTxt h3 {
    height: 30px;
    line-height: 30px;
    padding-left: 14px;
    font-weight: normal;
    font-size: 24px;
}
.mk-chartbox .chartsBottom .bottomTxt h3 span.white {
    color: #fff;
}
.mk-chartbox .chartsBottom .bottomTxt h3 span.yellow {
    color: #d8470c;
}
.mk-chartbox .chartsBottom .bottomTxt.w50 {
}
.mk-chartbox .chartsBottom .bottomTxt.w100 {
    width: 100%;
}
.mk-chartbox .chartsBottom .mr15 {
    margin-right: 15px;
}
.mapTip {
    position: fixed;
    top:30px;
    right:10px;
    z-index: 101;
}
.mapTip i {
    width: 32px;
    cursor: pointer;
    float: left;
    display: inline;
    margin-right: 5px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(40, 128, 200, .4);
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
}
.mapTip i:hover, .mapTip i.on {
}

.blk_fc_c0{ position: relative; margin-top: 20px; height: 240px; _width: 1000px; overflow: hidden;}
.blk_fc_c0_scroll_w{ position: relative; width: 940px; overflow: hidden; margin-left: 20px;}
.blk_fc_c0_scroll{ position: relative; width: 30000px;}
.blk_fc_c0_i{ float: left; display: inline; width: 271px;margin-top:0px; height: 240px; border-right: 1px dotted #575754; transition: background-color ease 0.3s;}
 
.blk_fc_prev{ position: absolute; z-index: 1; top: 80px; left: 0px; display: block; width: 29px; height: 57px; cursor: pointer; background: url(http://i1.sinaimg.cn/dy/weather/main/index14/007/btn_fc_prev.png) 0 0 no-repeat;}
.blk_fc_next{ position: absolute; z-index: 1; top: 80px; right: 0px; display: block; width: 29px; height: 57px; cursor: pointer; background: url(http://i3.sinaimg.cn/dy/weather/main/index14/007/btn_fc_next.png) 0 0 no-repeat;}
 
.wt_fc_c0_i_date{ padding-top: 10px; height: 20px; line-height: 20px; font-size: 14px; color: #cbcbcb; text-align: center;}
.wt_fc_c0_i_day{ height: 20px; line-height: 20px; font-size: 16px; color: #cbcbcb; text-align: center;}
.wt_fc_c0_i_today{ color: #068793;}
.wt_fc_c0_i_icons{ padding-top: 10px; text-align: center; height: 37px; overflow: hidden;}
.wt_fc_c0_i_icons .icons0_wt{ display: inline-block; *display: inline; *zoom: 1; width: 32px; height: 32px; margin-left: 5px; margin-right: 5px;}
.wt_fc_c0_i_times{ height: 24px; line-height: 24px; text-align: center; overflow: hidden;}
.wt_fc_c0_i_time{ display: inline-block; *display: inline; *zoom: 1; margin-right: 6px; margin-left: 6px; color: #cbcbcb; font-size: 14px;}
.wt_fc_c0_i_temp{ height: 50px; line-height: 50px; font-size: 24px; color: #cbcbcb; text-align: center; font-family: "arial";}
.wt_fc_c0_i_tip{ height: 20px; line-height: 20px; font-size: 14px; color: #cbcbcb; text-align: center;}
.wt_fc_c0_i_level{ margin:12px auto 0; padding:0 15px; width:90px; height:26px; line-height:26px; overflow:hidden; *zoom:1; color:#fff; border-radius:15px; font-size:14px;}
.wt_fc_c0_i_level .l{ float:left; line-height:26px;}
.wt_fc_c0_i_level .r{ float:right; line-height:26px;}
.level_bg6{background:#7646a3;}
.level_bg2{background:#ffb533;}
.level_bg1{background:#72af3c;}
.level_bg3{background:#c88f35;}
.level_bg5{background:#e60000;}
.level_bg4{background:#e66000;}

.wconlist ul li{
    width:400px;
    float:left;
    height:35px;
    color: #24a2ca;
}

.wconlist ul li p{
    width:100px;
    float:left;

}